<template>
    <div>
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media">
                <router-link to="/home/newsinfo/1">
                    <img src="https://gitee.com/uploads/91/465191_vsdeveloper.jpg?1437703838" alt="" class="mui-media-object mui-pull-left">
                    <div class="mui-media-body">
                        幸福
                        <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                    </div>
                </router-link>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "newsList",
        data(){
            return {

            };
        },
        methods:{

        }
    }
</script>

<style scoped lang="scss">
    .mui-table-view{
        li{
            h1{
                font-size: 14px;
            }
            .mui-ellipsis{
                font-size: 14px;
                color: #00a0e9;
                display: flex;
                justify-content: space-between;
            }
        }
    }
</style>